<!DOCTYPE html>
<html  xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0, user-scalable=0, minimum-scale=1.0,maximum-scale=1.0" />
<!-- jquery库 -->
<script type="text/javascript" src="../common/meta.js"></script>
<script src="buyProduct.js"></script> 
<script type="text/javascript" src="./cache.js"></script> 
<style>
	li {
	    line-height: 60px;
	}
	.ui-body-c, .ui-overlay-c {
    	background: none;
    	color: #333;
		width: 100%;
	}
    .img-polaroid {
        background-color: #fff;
        border: 0 solid rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        margin: 0 15px 0 0;
        padding: 0;
    }
	[data-role="listview"] > li > a {
    display: block;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

	table th{
	   background-color: #49afcd;
	   color:#fff;
   } 
   .home{
	 	margin-top:5px;
	 	float:right;
	 }
	.ui-header .ui-title{
	    font-size: 18px;
	}
    label {
    display: block;
    margin-top: 20px;
}
           ul, ol {
			margin: 0 0 0px 0px;
			padding: 0;
		}
         .back{
		 	margin-top:5px;
             float:left;
		 }
</style>
</head>
<body>
<div  data-role="page" class="bodyframe" style="position: absolute;">
	<div data-role="header" class="theme-info">
        <ul class="back">
	   		<a   href="productDetail.html"><image src='../image/left_48.png'></image></a>
	   	</ul>
	   	<ul class="home">
	   		<a  id="home" href="main.html" ><image src='../image/home_48.ico'></image></a>
	   	</ul>
   
    	<h1>订单确认</h1>
   </div>
	   <div data-role="content" >
			<ul data-role="listview">
			    <li><a id="userAddress"></a></li>
			     <li id="productDetail"></li>
			     <li id="amount">
				 <div class="ui-grid-a">
					<div class="ui-block-a"><label>购买数量</label></div>
					<div class="ui-block-b">
						<img src="../image/minus_easyicon_net_16.png"  id="min" "/><input id="text_box" type="text" style="margin-bottom: 0px;width:20px;border-radius: 0px; padding: 2px 6px;" value="1"></input><img src="../image/plus_easyicon_net_16.png"   id="add"/></div>
				</div>
				</li>
				 <li>买家留言<textarea id="comment"></textarea></li>
				 <li>外送费8元</li>
			</ul>
			<form class="form-inline">
				  <input type="text" class="input-small" id="productId" style="display:none">
				  <input type="text" class="input-small" id="userName" style="display:none">
				  <input type="text" class="input-small" id="addressId" style="display:none">
				  <input type="text" class="input-small" id="amount" style="display:none">
				合计：<span id="total"></span><button type="button" class="btn" id="buyProduct" >确认</button>
			</form>
	  </div>
</div>	
</body>

</html>